<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
    {{message}}
  <!--  错误做法-->
  <!-- Mustache只能用在content内容中 -->
  <!--  <img src="{{imgURL}}}" alt="">-->
  <img v-bind:src="imgURL" alt="">
  <a v-bind:href="url">京东JD.com</a>

<!--  语法糖的写法-->
  <h2><a :href="url">JD.com</a></h2>

</div>

<script src="../js/vue.js"></script>
<script>
    const vue = new Vue({
        el:'#app',
        data:{
            message:'你好呀',
            imgURL:'https://www.runoob.com/wp-content/uploads/2017/01/vue.png',
            url:'https://www.jd.com/?cu=true&utm_source=baidu-pinzhuan&utm_medium=cpc&utm_campaign=t_288551095_baidupinzhuan&utm_term=0f3d30c8dba7459bb52f2eb5eba8ac7d_0_f518d43c63ad4786b875c9d8d0a0e281'
        }
    })
</script>






</body>
</html>

